Skip to main content

Icon

Description

The icon property can be found either in the Toolbar or Detail Panel. It groups any icon related property and is similar to the String Property in the way it is stored. The icon can be set to any availlable icon of the current library that is included.

FeatureValue
Theme injectable
Possible InputsA-Z, a-z, 0-9, Special characters

Occurrences

Toolbar

In the Toolbar, the icon property can be selected with the Toolbar ExtensionIcon Picker. The picker can be divided into two halfs.

IconPropertyPB2

On the left side you can choose from various icons out of multiple icon sets, like e.g. the material design icons. Certain components also allow the selection for different positions. So this picker may offer an opportunity to select a single icon for multiple positions. This can always be found in the header of the left half.

After choosing an icon, it's styling can be modified on the right half. Here you can modify the color based on colors inside the current SubTheme.

Detail Panel

In the Detail Panel the icon property can be selected via the Detail Panel Icon Picker. Here you can choose from various icons out of multiple icon sets, like e.g. the material design icons. Besides choosing an icon, you can also style typical properties like the color.

IconPropertyPB3

info

Some components may also offer the opportunity to select a position for the icon or expand for selecting and styling multiple icons.